<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" href="css/app.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=uGu7CKGh7yjjXyxWgqDV6C8booQd01g2"></script>
</head>
<body style="background-color: #fff;">
    <div class="topt">
        <div class="top">
            <div class="logo">
                <img src="image/logo.png" width="293" height="70"/>
            </div>
            <div class="menu">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="news.html">新闻</a></li>
                    <li><a href="case.html">案例</a></li>
                    <li><a href="team.html">团队</a></li>
                    <li class="menu_ac"><a href="#" style="color: white">服务</a></li>
                    <li><a href="about.html">关于</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="slider">
            <div class="slider-img">
                <ul class="slider-img-ul">
                    <li><img src="image/slider-5.jpg"></li>
                    <li><img src="image/slider-1.jpg"></li>
                    <li><img src="image/slider-2.jpg"></li>
                    <li><img src="image/slider-3.jpg"></li>
                    <li><img src="image/slider-4.jpg"></li>
                    <li><img src="image/slider-5.jpg"></li>
                    <li><img src="image/slider-1.jpg"></li>
                </ul>
            </div>
        </div>

        <div class="case">
            <p class="p0">客户服务</p>
            <p class="p">SERVICE</p>
            <div class="server">
                <div class="server_name">
                    常用ppt模板
                </div>
                <div class="server_date">2017/05/30</div>
            </div>
            <div class="server">
                <div class="server_name">
                    常用ppt技巧
                </div>
                <div class="server_date">2017/05/29</div>
            </div>
            <div class="server">
                <div class="server_name">
                    ppt配色技巧
                </div>
                <div class="server_date">2017/05/28</div>
            </div>
            <div class="server">
                <div class="server_name">
                    ppt教学素材分享
                </div>
                <div class="server_date">2017/05/27</div>
            </div>
            <div class="server">
                <div class="server_name">
                    ppt商务素材分享
                </div>
                <div class="server_date">2017/05/26</div>
            </div>
            <div class="server">
                <div class="server_name">
                    ppt旅游素材分享
                </div>
                <div class="server_date">2017/05/25</div>
            </div>
            <div class="server">
                <div class="server_name">
                    office 2016安装包
                </div>
                <div class="server_date">2017/05/24</div>
            </div>
            <div class="server">
                <div class="server_name">
                    office 2013安装包
                </div>
                <div class="server_date">2017/05/23</div>
            </div>
            <div class="server" style="margin-bottom: 50px;">
                <div class="server_name">
                    office 2010安装包
                </div>
                <div class="server_date">2017/05/23</div>
            </div>
            <div class="page">
                <div class="page_item">3/1</div>
                <a href="http://www.baidu.com">
                    <div class="page_item">首页</div>
                </a>
                <a href="http://www.baidu.com">
                    <div class="page_item">上一页</div>
                </a>
                <a href="http://www.baidu.com">
                    <div class="page_item">下一页</div>
                </a>
                <a href="http://www.baidu.com">
                    <div class="page_item">尾页</div>
                </a>

            </div>


            <div class="team">
                <h3 align="center">团队</h3>
                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t1.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>王先生</h4>
                        <p>视觉设计师</p>
                    </div>
                </a>

                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t2.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>李先生</h4>
                        <p>图形设计师</p>
                    </div>
                </a>

                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t3.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>刘先生</h4>
                        <p>设计总监</p>
                    </div>
                </a>

                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t4.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>杨小姐</h4>
                        <p>文案策划师</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div id="map" class="map"></div>
    <div class="map1">
        <div class="footer">
            <div class="intro">
                <h2>格诚设计ppt</h2>
                <p>品牌源于梦想，格诚设计正是一群追梦人。从创立的第一天起（2005年创立），就立志以成为成为最具远见的公司、业内的佼佼者以及企业取得成功不可或缺的伙伴。信念驱动我们的战略，战略让我们则无旁骛。这种雄心壮志源于我们的实力，并指引我们不断向前。</p>
            </div>
            <div class="qq"><br>
                <h5>留下QQ</h5><br><br>
                <p style="background-color: white;width: 250px;">
                    <input type="text" style="width:200px;border: none;background-color: white"/>
                    <button style="width: 40px;border: none;background-color: white">&rarr;</button>
                </p>
                <p style="font-size: 14px;line-height: 28px;">留下你的qq,成为格诚设计的伙伴，我们将尽快与你取得联系</p>
            </div>
            <div class="fri">
                <h5>友情链接</h5><br>
                <p><a href="">优秀网页设计</a>&nbsp;</p>
                <p><a href="">博纳ppt</a>&nbsp;</p>
                <p><a href="">周新力ppt</a>&nbsp;</p>
                <p><a href="">BootStrap</a>&nbsp;</p>
                <p><a href="">设计师导航</a>&nbsp;</p>
            </div>
            <div class="fri">
                <h5 style="opacity: 0">友情链接</h5>
                <br>
                <p><a href="">百度</a>&nbsp;</p>
                <p><a href="">千图网</a>&nbsp;</p>
                <p><a href="">昵图</a>&nbsp;</p>
                <p><a href="">阿里图标</a>&nbsp;</p>
                <p><a href="">Jquery</a>&nbsp;</p>
            </div>
        </div>
    </div>


</body>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/xSlider.js"></script>
<script type="text/javascript">
    var map = new BMap.Map("map");          // 创建地图实例
    var point = new BMap.Point(113.544437,23.368609);  // 创建点坐标
    map.centerAndZoom(point, 11);                 // 初始化地图，设置中心点坐标和地图级别
</script>
</html>